.join-type {
  color: var(--rv-white);
  margin: var(--rv-container) 0;
  padding: var(--rv-container);
  border-radius: 10px;
  &.peiwan {
    background: var(--rv-pink);
  }
  &.yingxiao {
    background: var(--rv-purple);
  }
  .title {
    margin: 10px 0;
  }
  .join-type-icon, .join-type-btn {
    text-align: center;
  }
  .join-type-content {
    text-align: left;
    padding: 0 0 0 10px;
  }
  .type-img {
    width: 64px;
    height: 64px;
    padding: 5px;
    background: var(--rv-white);
    border-radius: 6px;
  }
  .desc {
    opacity: 0.75;
  }
  .join-btn {
    font-size: 0.8rem;
  }
}